const changeColorBtn = document.getElementById("changeColorBtn");
const statusMessage = document.getElementById("statusMessage");

function setStatus(message, isError = false) {
  if (!statusMessage) return;
  statusMessage.textContent = message;
  statusMessage.classList.toggle("error", isError);
}

async function changeBackgroundToGreen() {
  try {
    const [tab] = await chrome.tabs.query({ active: true, currentWindow: true });
    if (!tab || !tab.id) {
      console.warn("未找到活动标签页。");
      setStatus("未找到可操作的标签页。", true);
      return;
    }

    if (!tab.url || /^chrome:|^chrome-extension:|^chrome-devtools:/.test(tab.url)) {
      setStatus("无法修改受保护页面（如 chrome://）。", true);
      return;
    }

    await chrome.scripting.executeScript({
      target: { tabId: tab.id },
      func: () => {
        document.body.style.setProperty("background-color", "#16a34a", "important");
      }
    });
    setStatus("已应用绿色背景。");
  } catch (error) {
    console.error("注入脚本失败：", error);
    setStatus("修改失败，请检查权限或重试。", true);
  }
}

changeColorBtn?.addEventListener("click", changeBackgroundToGreen);

